﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>光禽大数据可视化平台</title>
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

    <link href="plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
    <link href="plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="assets/css/comon0.css">

    <style>
        #refresh {
            display: inline-block;
            float: left;
            margin: 10px 0 0 10px;
            height: 40px;
            text-decoration: none;
            color: #f2f2f2;
            padding: 10px 30px 10px 30px;
            font-size: 16px;
            border-radius: 3px;
            -webkit-transition: all linear 0.30s;
            -moz-transition: all linear 0.30s;
            transition: all linear 0.30s;
        }

        .head {
            text-align: center;
        }

        #title {
            display: inline-block;

        }

        .myselectbox {
            display: flex;
            justify-content: space-around;
            align-items: space-between;

        }

        .myselect {
            font-size: 0.2rem;
            display: inline;
            height: 0.5rem;
            padding: 0.1rem;
            z-index: 50;
            border-radius: 0.1rem;
        }

        .table td,
        .table th {
            padding: 0.2rem;
        }
    </style>
</head>
<script>
    $(window).load(function () {
        $(".loading").fadeOut()
    })
</script>


<body>
    <!-- 加载中 -->
    <div class="loading">
        <div class="loadbox"> <img src="assets/images/loading.gif"> 页面加载中... </div>
    </div>


    <!-- 头部 -->
    <div class="head" style="">
        <div>
            <button id="refresh" class="btn btn-primary radius">返回</button>
        </div>
        <h1 id="title">光禽大数据可视化平台</h1>
        <div class="weather">
            <span id="showTime"></span></div>
        <!-- 时间 -->
        <script>
            var t = null;
            t = setTimeout(time, 1000);

            function time() {
                clearTimeout(t);
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s +
                    "秒";
                t = setTimeout(time, 1000);
            }
        </script>
    </div>


    <!-- 主体内容 -->
    <div class="mainbox">
        <ul class="clearfix">
            <!-- 第一列 -->
            <li class="col-md-8">
                <!--  -->
                <div class="poultryPie"></div>
                <div class="barcodeMachine"></div>
                <div class="relationEchart"></div>
            </li>
            <!-- 第二列 -->
            <li class="col-md-8">
                <div class="myselectbox">
                    <select class="form-control myselect col-md-3" id="town">
                    </select>
                    <select class="form-control myselect col-md-3 district" id="district">
                    </select>
                    <select class="form-control myselect col-md-3 " id="market">
                    </select>
                </div>
                <div class="map">
                    <div class="" id="map_1" style="width: 100%;height: 9.5rem; display: flex;justify-content: center; margin-top: 0.5rem;">
                    </div>
                </div>
            </li>

            <!-- 第三列 -->
            <li class="col-md-8">
                <div class="poultryLine"></div>
                <div class="stallNum"></div>
                <div class="poultrySaleTable"></div>
            </li>
        </ul>
    </div>
    <div class="back"></div>
    <script type="text/javascript" src="assets/js/echarts.min.js"></script>

    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/metisMenu.min.js"></script>
    <script src="assets/js/waves.js"></script>
    <script src="assets/js/jquery.slimscroll.js"></script>
    <!-- <script type="text/javascript" src="assets/js/china.js"></script> -->
    <script type="text/javascript" src="assets/js/js.js"></script>
    <!-- <script type="text/javascript" src="assets/js/guangdong.js"></script> -->
    <!-- <script type="text/javascript" src="assets/js/area_echarts.js"></script> -->
    <script type="text/javascript" src="assets/js/macarons.js"></script>
    <!-- datatables插件 -->
    <!-- App js -->
    <script src="assets/js/jquery.core.js"></script>
    <script src="assets/js/jquery.app.js"></script>
    <script src="plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="plugins/datatables/dataTables.bootstrap4.min.js"></script>
    <script src="plugins/datatables/dataTables.responsive.min.js"></script>
    <script src="plugins/datatables/responsive.bootstrap4.min.js"></script>
    <script language="JavaScript" src="assets/js/js.js"></script>
    <!-- <script type="text/javascript" src="node_modules/echarts-stat/dist/ecStat.min.js"></script> -->

    <script>
        let URL = 'http://39.108.147.139:9091/'
             //URL = "http://192.168.163.15:9091/"
        $(document).ready(function () {
            var whei = $(window).width()
            $("html").css({
                fontSize: whei / 20
            })
            $(window).resize(function () {
                var whei = $(window).width()
                $("html").css({
                    fontSize: whei / 20
                })
            });
            
            // let marketId = 9
            getProvince('广东省', '中山市')
            $('#refresh').click(() => {
                window.location.pathname = '/index.html'
            })
        });
    </script>

</body>

</html>